<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="shortcut icon" href="img/heard.ico">
	<title>闪电配音 - 专业极速配音服务</title>
	<link rel="stylesheet" type="text/css" href="css/index.css?v=optimize20180613" />
	<link rel="stylesheet" type="text/css" href="css/popup.css?v=optimize20180613" />
	<link rel="stylesheet" href="css/tool.css?v=optimize20180613" />
	<link rel="stylesheet" href="css/dialog.css?v=optimize20180613" />
	<link rel="stylesheet" href="css/mask.css?v=optimize20180613" />
	<link rel="stylesheet" href="css/order.css?v=optimize20180613" />
	<link rel="stylesheet" type="text/css" href="css/speeDdubbing.css?v=optimize20180613" />
	<link rel="stylesheet" type="text/css" href="css/public.css?v=optimize20180613" />
	 <link rel="stylesheet" href="css/wx-audio.css?v=optimize20180613">
</head>
<!--<body onselectstart="javascript:return true" onpaste="return true">-->
<body>
<div>
	<div id="common-confirm-box" class="hide">
		<div class="dialog">
			<div class="dialog-head">
				<span class="header-text">彻底删除文件</span>
				<span class="close">
					<img src="img/public/close_03.png" alt="">
				</span>
			</div>
			<div class="dialog-body">即将彻底删除文件即将彻底删除文件</div>
			<div class="dialog-foot">
				<a href="#" class="btn btn-ok">确认</a>
				<a href="#" class="btn btn-cancel close">取消</a>
			</div>
		</div>
	</div>
	<div class='headtip' style="top: -50px;">错误</div>
	<div class='headtip2' style="top: -50px;">错误</div>
	<div id="header_wrap">
		<div id="header" class="clearfix">
			<div class="headerLeft left point">
				<a href="index.html">
					<img src="img/topLogo (1).png"/>
					<img src="img/topLogo (2).png"/>
				</a>
			</div>
			<div class="headerRight right">
				<a href="javascript:;" class="header_item relative clickServer">
					<img src="img/headerRight (1).png" class="haveText"/>
					<span class="search_text">客服</span>
					<div class="boxShow server">
						<h4>扫一扫添加微信客服</h4>
						<img src="img/serverImg.png" alt="" />
						<div class="phoneServer btn">
							<img src="img/server (1).png" alt="" />
							<span>电话客服</span>
						</div>
						<div class="QQServer btn" onclick="javascript:window.open('http://wpa.qq.com/msgrd?v=3&uin=574823458&site=qq&menu=yes','_blank');">
							<img src="img/server (2).png" alt="" />
							<span>QQ客服</span>
						</div>
					</div>
				</a>
				<div class="info_logo header_item">
					<img src="img/headerRight (2).png"/>
				</div>
				<div class="user_img header_item relative">
					<div class="img-container">
						<img src="img/headerRight (3).png"/>
					</div>
					<div class="boxShow mine">
						<ul>
							<li class="font1">
								<span class="font">加载中</span>
							</li>
							<li class="line"></li>
							<li class="font2">
								<span class="font">基础版</span>
								<span class="font font3">升级</span>
							</li>
							<li class="font1 mineEmail">
								<span class="font">150927842@qq.com</span>
							</li>
							<li class="line"></li>
							<li class="hover point font5">
								<span class="font">账号设置</span>
							</li>
							<li class="line"></li>
							 <li class="hover point font5">
				                <span class="font">意见反馈</span>
				              </li>
							<li class="hover point font5">
								<span class="font">分享音频</span>
							</li>
							<li class="hover point font5">
								<span class="font">推荐主播</span>
							</li>
							<li class="hover point font5">
								<span class="font">使用帮助</span>
							</li>
							<li class="line"></li>
							<li class="hover point font5 logout">
								<span class="font">退出登录</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<template id="page-switch">
		<div class="page-switch-wrapper">
			<div class="page-wrapper">
				<!-- <a href="#" class="prev" v-if="current > 1">上一页</a> -->
				<a v-link="{ name: router-name, query: { page: parseInt(current)-1 }}" v-if="current > 1" class="prev">上一页</a>
				<div class="switcher" v-for="val in list">
					<a v-link="{ name: router-name, query: { page: val }}" v-if="val != 0" :class="{ current: val == current}">{{ val }}</a>
					<a href="javascript:void(0)" v-else>…</a>
				</div>
				<a v-link="{ name: router-name, query: { page: parseInt(current)+1  }}" v-if="count > current" class="next">下一页</a>
			</div>
			<div class="page-container">
				到第<input type="text" v-model="page">页
				<!-- <a href="#" class="btn btn-confirm" @click="change(page)">确定</a> -->
				<a v-link="{ name: router-name, query: { page: page  }}" class="btn btn-confirm">确定</a>
			</div>
		</div>
	</template>
	<template id="mask">
		<div class="mask_wrap" @click="close">
			<div class="mask_cout" @click.stop="">
				<div class="mask_w" :class="{ hide: status == 2 }">
					<div class="mask_w_head clearfix">
						<a href="javascript:;" class='mask_t_l mask_bor fl' @click.stop="switchMask(1)">网址获取</a>
						<a href="javascript:;" class='mask_t_r fl' @click.stop="switchMask(2)">上传文档</a>
						<div class="mask_c_close fr cursor" @click.stop="close"></div>
					</div>
					<div class="mask_line"></div>
					<input type='text' class="mask_midle_inp" placeholder="请ctrl+v粘贴网址自动获取原文本极速发单"
						   @keyup="activeWebBtn" v-model="weburl">
					<div class="mask_word">支持微信公众号、石墨、简书，输入文章网址自动去生图生成配音稿</div>
					<div class="mask_c_btn cursor" @click="analysisUrl" :class="{ 'btn-black': webBtnActive }">点击获取</div>
				</div>
				<div class="mask_up" :class="{ hide: status == 1 }">
					<div class="mask_w_head clearfix">
						<a href="javascript:;" class='mask_t_l fl' @click.stop="switchMask(1)">网址获取</a>
						<a href="javascript:;" class='mask_t_r mask_bor fl' @click.stop="switchMask(2)">上传文档</a>
						<div class="mask_c_close fr cursor" @click.stop="close"></div>
					</div>
					<div class="mask_line"></div>
					<div class="mask_midle col_bgf5">
						<input id='upload-word' @change="upload($event)" type="file" accept="application/vnd.openxmlformats-officedocument.wordprocessingml.document">
						<span class="mask_m_up fl"></span>
						<span class="fl mask_upload_text">{{ text }}</span>
						<span class="fr cursor" id='mask_up_file' @click.stop="selectFile">点击上传</span>
					</div>
					<div class="mask_word">目前仅支持WORD文档docx格式 上传后获取文本内容 不支持文档有表格等样式</div>
					<div class="mask_c_btn cursor" :class="{ 'btn-black' : uploaded }" @click="gotoEditor">点击获取</div>
				</div>
			</div>
		</div>
	</template>
	<section id='section' class='over center clearfix'>
		<div class="inner">
			<div class="inner-wrapper">
				<div class='leftNav'>
					<mask v-if="mask.show" :status="mask.status" @switch="changeMask" @close="mask.show=false"></mask>
					 <div class="black_div" style="background-color: #41464b;color: #fff;">
						<span @click.stop="showMore">开始</span>
						<div class="begin" v-show="moreShow" style="width: 120px; height: 150px; left: -15px;">
							<a class="mydiv" id="myemail" href="#" @click="showMaskURL">
								<img src="img/icon-link.png" alt="">
								<span>填入网址</span>
							</a>
							<a class="mydiv" id="myfile" href="#" @click="showMaskUpload">
								<img src="img/icon-upload.png" alt="">
								<span>上传文档</span>
							</a>
							<div class="myline"></div>
							<a class="mydiv" id="inputText" href="./speeDdubbing.html">
								<img src="img/icon-book.png" alt="">
								<span>输入文字</span>
							</a>
						</div>
					</div>
					<ul class="left-nav" style="margin-top: 50px;">
						<li class="cursor clearfix">
							<a style="display:flex;cursor:pointer;" class="voice" href="index.html">
								<div class="left-icon-wrapper" style="cursor:pointer;">
								</div>
								<span class="left-word" style="cursor:pointer;">配音服务</span>
							</a>
						</li>
						<li class="cursor clearfix" onclick="window.location.reload(true)">
							<a style="display:flex;cursor:pointer;" class="order active">
								<div class="left-icon-wrapper" style="cursor:pointer;">
								</div>
								<span class="left-word" style="cursor:pointer;">我的订单</span>
							</a>
						</li>
						<li class="cursor clearfix">
							<a style="display:flex;cursor:pointer;" class="search" href="./achor.html">
								<div class="left-icon-wrapper" style="cursor:pointer;">
								</div>
								<span class="left-word" style="cursor:pointer;">发现主播</span>
							</a>
						</li>
						<li class="cursor clearfix">
							<a style="display:flex;cursor:pointer;" class="setting" href="index.html?type=2">
								<div class="left-icon-wrapper" style="cursor:pointer;">
								</div>
								<span class="left-word" style="cursor:pointer;">设置偏好</span>
							</a>

						</li>
					</ul>
					<p class='left-ke'>签约客户</p>
					<ul class="left-nav">
						<li class="cursor clearfix">
							<a style="display:flex;cursor:pointer;" class="mark" href="#">
								<div class="left-icon-wrapper" style="cursor:pointer;">
									<img class="left-icon" src="img/little_logo_12.png">
								</div>
								<span class="left-word" style="cursor:pointer;">收藏主播</span>
							</a>
						</li><li class="cursor clearfix">
							<a style="display:flex;cursor:pointer;" class="money" href="recharge.html">
								<div class="left-icon-wrapper" style="cursor:pointer;"></div>
								<span class="left-word" style="cursor:pointer;">充值套餐</span>
							</a>
						</li>
					</ul>
				</div>
				<div id='app' class='app'>
					<router-view></router-view>
				</div>
				<template id="payment">
					<div class='mask_speed' @click="paymentClose">
						<div class='mask_speed_cont absolute' @click.stop="">

							<div class='mask_cont_head px17 relative center line48'>
								<i v-show='stage==2' id="order-back" @click='payback()'>
									<img src="./img/optional/left.gif" style="height: 13px; position: absolute;top: 16px;left: 0;">
								</i>
								{{ title }}
								<div class='absolute mask_close' @click="paymentClose"></div>
							</div>
							<div class='center line31 clearfix'>
								<span v-if='ischose == 0'>
									<span class='order_head mask_older_deep px12 left' :class="{ 'col585858' : stage==1 , 'colacacac' : stage != 1 }" style="margin-left: 83px;">确认订单</span>
								</span>
								<span v-if='ischose == 1'>
									<span class='order_head mask_older_deep px12 left' :class="{ 'col585858' : stage==1 , 'colacacac' : stage != 1 }"">确认订单</span>
								</span>

								<span class='mask_title_deep left'></span>
								<span class='order_head px12 left colacacac' :class="{ 'col585858' : stage==2 , 'colacacac' : stage != 2 }">付款</span>

								<span class='mask_title_deep left' v-show = 'ischose == 1'></span>
								<span class='order_head px12 left' :class="{ 'col585858' : stage==4 , 'colacacac' : stage != 4 }" v-show = 'ischose == 1'>选择主播</span>

								<span class='mask_title_deep left'></span>
								<span class='order_head px12 left' :class="{ 'col585858' : stage==3 , 'colacacac' : stage != 3 }">等待音频交付</span>
							</div>
							<div class='mask_footer'>
								<!--支付第一步-->
								<div class=' mask_pay_one' v-show='stage == 1'>
									<div class='mask_footer_t colbababa px12 line35'>订单类型</div>
									<div class='clearfix'>
										<div class='mask_footer_type left mar10 mask_bor_bg'>
											<p class='px14 line18 '>普通用户</p>
											<p class='px12 '>实时优选主播</p>
										</div>
										<div class='mask_footer_type left' @click="clickVIP">
											<p class='px14 line18'>高级用户</p>
											<p class='px12'>指定主播服务</p>
										</div>
									</div>
									<div class='px12 colbababa line31'>接收音频邮箱</div>
									<div class='mask_footer_e relative px12 line33' style="text-align: left;" :class="{active: emailEditing}">
										<input type="text" id="mask_email" v-show="emailEditing" v-model="eml">
										<span v-show="!emailEditing">{{ eml }}</span>
										<a href='javascript:;' class='modify col73a4ea px12 line33 right' @click="emailEditing=!emailEditing">{{ emailEditing ? '确认' : '修改' }}</a>
									</div>
									<div class='px12 colbababa line31'>支付方式</div>
									<div class='clearfix'>
										<div class='mask_footer_pay left mar10' @click="tabWxPay">
											<img src='img/public/pay_13.png' class='left'>
											<span class='payfor px12 colbababa line36'>微信支付</span>
										</div>
										<div class='mask_footer_pay left alipay' @click="tabAliPay">
											<img src='img/public/pay_14.png' class='left'>
											<span class='payfor px12 colbababa line36'>支付宝</span>
										</div>
									</div>
									<div class="clearfix mask_footer_f">
										<div class="left mask_footer_b px12">
											<label>
												<input type="checkbox" style="margin-left: -7px;" class="noclick checkbox-simulator left" @change="useBalance" v-model="balanceCheckbox" id="{{ balance }}" checked='true'>
												<span class="left colbababa">账户余额：</span>
												<strong class="left mask_footer_balance">￥{{ balance }}</strong>
											</label>
										</div>
										<div class="right clearfix" style="margin-right: -14px;">
											<a href="./recharge.html" target="_blank" class="clearfix gotourl">
												<span class="px12 colbababa left">
													<!-- 充值余额本单最多可节省<strong class="colff2610" id="mask_discount"> {{ discount }} </strong>元</span> -->
													立即充值
												<span class="mask_pay_deep left"></span>
											</a>
										</div>
									</div>
									<div class="mask_total_m clearfix"  v-show="!balanceCheckbox">
										<div class="origin-container">
											<span class="px12 colbababa left">原价：</span>
											<span class="px12 left colbababa" style="text-decoration: line-through;">￥ {{ Math.ceil(price / 0.7) + '.00' }}</span>
											<span class="tip px12 left colff2610" style="margin-left: 5px;">(优惠享 7 折)</span>
										</div>
										<div class="total-container right">
											<span class='px12 colbababa left'>总计：</span>
											<strong class='left px12'>￥{{ Math.ceil(price) + '.00'  }}</strong>
										</div>
									</div>
									<div class="mask_total_m clearfix"  v-show="balanceCheckbox">
										<div class="origin-container">
											<span class="px12 colbababa left">原价：</span>
											<span class="px12 left colbababa" style="text-decoration: line-through;">￥ {{ Math.ceil(price / 0.7) + '.00' }}</span>
											<span class="tip px12 left colff2610" style="margin-left: 5px;">(优惠享 7 折)</span>
										</div>
										<div class="total-container right">
											<span class='px12 colbababa left'>实际支付：</span>
											<strong class='left px12'>￥{{ balance - price >= 0 ? 0 : (price - balance).toFixed(2) }}</strong>
										</div>
									</div>
									<input type="button" value="确认下单" class="mask_btn px12" @click="showQR" style="border: none;border-radius: 0">
								</div>
								<!--支付	微信-->
								<div class='mask_pay_two' v-show='stage == 2'>
									<div class='mask_pay_list clearfix center' id="hehehe">
										<img :src="logo" class='left' />
										<span class='px12 colacacac line31 left'>请用微信扫码完成支付</span>
									</div>
									<div id='paycode'>
										<img :src="qrImg" style="margin: 35px 0;" />
									</div>
									<div class='center px12 line18'>扫码支付后，如果没有自动跳转</div>
									<div class='px12 col8ab2ed center line18 curso'>请点这里</div>
								</div>

								<!-- 4.18主播列表 stage'4'-->
								<div class='mask_pay_one' v-show='stage == 4'>
									<!-- 正在通知主播 -->
									<div class="being-notified" v-show='num_cunout == 0'>
										<div class="being-notified-content">
											<span style="font-size: 12px;">已通知</span>
											<span id="notice-num">
												{{ anchor_num }}
											</span>
											<span style="font-size: 14px;">位主播</span>
										</div>
										<div>
											正在持续通知更多主播...
										</div>
									</div>
									<!-- 主播列表 -->
									<div class='mask_pay_select' v-show='num_cunout == 1'>
										<!-- 倒计时 -->
										<!-- 主播 type -->
										<div class="anchors-list-type" style="text-align: left;">
											<span class='list-type-active'  @click="anchorList(0)">默认排序</span>
											<span  @click="anchorList(1)">服务次数</span>
											<span  @click="anchorList(2)">评分</span>
										</div>
										<!-- 主播列表 -->
										<div class="anchors-list-content">
											<!-- 列表详情 -->
											 <div id="process-bar">
											 	<span id='process-num'>60s</span>
											 </div>
											<div class="anchors-list-detail"  v-for="item in anchor_list">
													<span class="list-play-btn" @click="playSound(item.short_audio,$event)">
														<img src='./img/optional/play.png' />
													</span>
													<span @click="selectAnchor(item.uuid,$event)">
														<span class="list-user-info">
															<div>
																<span class="preferred">
																	优选
																</span>
																<span class="stars">
																	<img src="./img/optional/stars.png">
																	<span>{{ item.scorenum }}</span>
																</span>
															</div>
														</span>
														<span class="sex">
															<span v-if='item.sex == "2"'>
																<img src="./img/optional/sex-woman-img.png">
															</span>
															<span v-if='item.sex == "1"'>
																<img src="./img/optional/sex-man-img.png">
															</span>
														</span>
														<span class="userInfo">
															<span id="username">
																	{{ item.nickname }}
															</span>
															<div id="ordertime">
																服务 <span style="color: #ea3f2a">{{ item.ordertime }}</span> 次数
															</div>
														</span>
														<span class="anchor-tag" >
															<span v-for = "tag in item.label">{{ tag }}</span>
														</span>
														<!-- {{uuid}} -->
														<span class="list-service-radio" >
															<img src="./img/optional/unchecked-btn.png" class="unchecked-img">
														</span>
													</span>
											</div>
										</div>
										<!-- 提交按钮 -->
										<input type="button" id="selectAnchor" value="确认下单" class="mask_btn px12 select-anchor-btn" style="border: none;border-radius: 0" @click='confirmAnchor()'>
									</div>
								</div>
								<!--  无主播 退款 stage'5'-->
								<div class='mask_pay_three' v-show='stage == 5'>
									<div class='mask_finish'>
										<img src='./img/optional/wait.png' class='center'/>
										<p class='center  line18'>
											此时段主播全忙，待会再试试 ~
										</p>
									</div>
									<div class="mask_content" style="padding: 14px 85px 0 85px;">
										<p class="center">
											系统自动将支付款项返回原账户
										</p>
									</div>
									<div class='mask_three_footer' style="padding-top: 25px;">
										<div class='clearfix'>
											<a class='three_know left' href="./order.html">
												查看我的订单
											</a>
											<a href="./speeDdubbing.html">
												<p class='three_order left'>
													试试极速配音
												</p>
											</a>
										</div>
									</div>
								</div>
								<!-- 支付  完成-->
								<div class='mask_pay_three' v-show='stage == 3'>
									<div class='mask_finish'>
										<img src='img/public/finish.png' class='center' v-show='ischose == 0' />
										<img src='img/public/finish.png' class='center' v-show='ischose == 1' style="margin: 40px 134px 24px 133px" />
										<p class='center px14 colacacac line18' v-show='num_cunout == 0'>下单成功</p>
										<p class='center px14 colacacac line18' v-show='num_cunout == 1'>下单成功，已优选主播</p>
									</div>
									<!-- ischose判断 -->
									<div v-show='ischose == 1'>
										<div class="select-info">
											<span class="info-tap">
												<div class="info-tap-box">优选</div>
												<div>
													<img src="./img/optional/stars.png" alt="">
													<span style="color: #ea3f2a;">{{selectInfo.scorenum}}</span>
												</div>
											</span>
											<span class="info-sex">
												<span v-if="selectInfo.sex == 1">
													<img src="./img/optional/sex-man-img.png">
												</span>
												<span v-if="selectInfo.sex == 2">
													<img src="./img/optional/sex-woman-img.png">
												</span>
											</span>
											<span class="info-name">
												<div id="info-username">{{selectInfo.nickname}}</div>
												<div style="font-size: 12px;">
													服务 <span id="info-ordertime">{{selectInfo.ordertime}}</span>次数
												</div>
											</span>
											<span class="info-tag">
												<span v-for = "tag in selectInfo.label" style="margin: 0 2px;">{{ tag }}</span>
											</span>
										</div>
										<div>
											<div class='clearfix'>
												<a class='three_know left' href="order.html">知道了</a>
												<a href='order.html'>
													<p class='three_order left'>查看我的订单</p>
												</a>
											</div>
											<div class='center px14 colacacac line44' style="font-size: 11px;">音频将发送至您指定的邮箱  也可以在我的订单中下载。</div>
										</div>
										<div style="font-size: 11px;margin: 0 auto;width: 300px;">
											<img src="img/the-lock.png" alt="" class="left" style="height: 20px; width: 20px;vertical-align: middle; margin-right: 5px;margin-top: -3px;">
											<p class="left">加入音频版权保护计划</p>
											<input type="checkbox" id="payEnd" class="chk_3" checked>
											<label class="noti-config-switch1 sm-switch1 pointer" for="payEnd" style="margin:0;float: right">
												<div class="groove1"></div>
												<div class="stick1"></div>
											</label>
										</div>
									</div>
									<!-- ischose判断 -->
									<div v-show='ischose == 0'>
										<div class="mask_content">
											<img src="img/the-lock.png" alt="" class="left">
											<p class="left">加入音频版权保护计划</p>
											<input type="checkbox" id="payEnd" class="chk_3" checked>
											<label class="noti-config-switch1 sm-switch1 pointer" for="payEnd" style="margin:0;float: right">
												<div class="groove1"></div>
												<div class="stick1"></div>
											</label>
										</div>
										<div class='mask_three_footer'>
											<div class='center px14 colacacac line44'>音频将发送至您指定的邮箱  也可以在我的订单中下载。</div>
											<div class='clearfix'>
												<a class='three_know left' href="order.html">知道了</a>
												<a href='order.html'>
													<p class='three_order left'>查看我的订单</p>
												</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</template>
				<template id='share'>
					<div class="dialog-mask" style="z-index: 1000;" @click="close">
						<div class="dialog-custom-box" @click.stop="">
							<div class="dialog-custom-title">分享 / 打赏</div>
							<a class="dialog-close" href="javascript:;" @click="close"></a>
							<div class="dialog-body">
								<div class='center line31 clearfix'>
									<span class='order_head mask_older_deep px12 left' :class="{ 'col585858' : stage==1 || stage==2 , 'colacacac' : stage != 1 && stage !=2 }">确认打赏</span>
									<span class='mask_title_deep left'></span>
									<span class='order_head px12 left colacacac' :class="{ 'col585858' : stage==3 , 'colacacac' : stage != 3 }">付款</span>
									<span class='mask_title_deep left'></span>
									<span class='order_head px12 left' :class="{ 'col585858' : stage==4 , 'colacacac' : stage != 4 }">打赏成功</span>
								</div>
								<div class="dialog-custom-content">
									<div class="share-wrapper" v-show="stage==1">
										<div class="share-header">
											<div class="audio-wrapper">
												<div class="audio-alternative" :class="{ 'play' : playBool, 'stop' : !playBool }" @click="audioPlay">
												</div>
												<audio :src="audio" id="share-audio"></audio>
											</div>
											<div class="share-info">
												<div class="title">{{ title }}</div>
												<div class="time">{{ time }}</div>
												<div class="size">{{ size }}</div>
											</div>
											<div class="share-btns">
												<a :href="audio" class="download" target="_blank" download>
													<img src="img/download.png" alt="">
													<span>下载</span>
												</a>
												<a :href="qrUrl" class="qr" target="_blank">
													<img src="img/qr.png" alt="">
													<span>分享</span>
												</a>
											</div>
										</div>
										<div class="share-link-wrapper">
											<div class="inner">
												<input class="share-link" id="share-link" type="text" :value="share" />
												<button id="copyClip" data-clipboard-target="#share-link">复制地址</button>
											</div>
										</div>
										<div class="share-reward">
											<div class="title">
												<span>打赏</span></div>
											<div class="tip">
												如果觉得本单主播配音不错，给TA点鼓励吧…
											</div>
											<div class="share-reward-select">
												<ul>
													<li v-for="reward in rewordArr" @click="gotoPage2(reward)">
														<span>
															￥ {{ reward }}
														</span>
													</li>
												</ul>
											</div>
											<div class="footer-tip">
												您的消费将直接转给主播，平台不扣取任何费用
											</div>
										</div>
									</div>
									<div class=' mask_pay_one' v-show='stage == 2'>
										<div class='px12 colbababa line31'>支付方式</div>
										<div class='clearfix' id="sharePayType">
											<div class='mask_footer_pay left mar10' @click="tabWxPay">
												<img src='img/public/pay_13.png' class='left'>
												<span class='payfor px12 colbababa line36'>微信支付</span>
											</div>
											<div class='mask_footer_pay left' @click="tabAliPay">
												<img src='img/public/pay_14.png' class='left'>
												<span class='payfor px12 colbababa line36'>支付宝</span>
											</div>
										</div>
										<div class='line62 clearfix'>
											<div class='left'>
												<span class='px12 colbababa left'>总计：</span>
												<strong class='left px12'>￥{{ reward }}</strong>
											</div>
										</div>
										<div class='mask_btn px12' @click='getQR(reward,payType)'>下一步</div>
									</div>
									<div class='mask_pay_two' v-show='stage == 3'>
										<div class='mask_pay_list clearfix center'>
											<span class='px12 colacacac line31'>请用{{payText}}扫码完成支付</span>
										</div>
										<div>
											<!--<img src='img/public/code.png' class='left'/>-->
											<img :src="qrImg" />
										</div>
										<div class='center px12 line18'>扫码支付后，如果没有自动跳转</div>
										<div class='px12 col8ab2ed center line18 curso'>请点这里</div>
									</div>
									<div class='mask_pay_three' v-show='stage == 4'>
										<div class='mask_finish'>
											<img src='img/public/finish.png' class='center'/>
											<p class='center px14 colacacac line18'>打赏成功</p>
										</div>
										<div class='mask_three_footer'>
											<div class='center px12 colacacac line44'>您的消费将直接转给主播, 平台不扣取任何费用</div>
											<div class='clearfix'>
												<a class='three_know left' href="order.html">知道了</a>
												<a href='order.html'>
													<p class='three_order left'>查看我的订单</p>
												</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</template>
				<template id='comment'>
					<div class="dialog-mask" style="z-index: 1000;" @click="close">
						<div class="dialog-custom-box" @click.stop="">
							<div class="dialog-custom-title">评价</div>
							<a class="dialog-close" href="#" @click.prevent="close"></a>
							<div class="dialog-body">
								<div class="dialog-custom-content" style="min-height: 418px;position: relative;">
									<div class="talker-mask-line"></div>
									<div class="talker-mask-li p-re clearfix" v-show="!rejecting">
										<audio :src="audio" id="cmt-audio"></audio>
										<!-- <img src="img/mask-icon.png" class="mask-li-img fl"> -->
										<div @click="playAudio" class="mask-li-img fl" :class="{ stop: audioStatus }"></div>
										<ul class="fl">
											<li class="line-22 clearfix">
												<p class="px12 col-98 fl">{{ nickname }}</p>
												<p class="mask-li-p px12 fl txt col-5a">{{ level }}</p>
												<i class="mask-li-star fl"></i>
												<p class="px12 col-98 fl">{{ satisfied }}</p>
											</li>
											<li class="line-22 clearfix">
												<p class="px12 col-98 fl">服务{{ ordercount }}次</p>
												<p class="px12 col-98 fl marl-13">准时率{{ ontime }}</p>
											</li>
											<li class="line-22 clearfix">
												<p class="px12 col-6a">
													<span class="fb ">{{ releasetime }}</span>交付（比预计时间早了{{ orderovertime }}分钟）
												</p>
											</li>
										</ul>
										<div class="mask-cang p-ab" @click="collect"></div>
									</div>
									<div class="talker-mask-li p-re clearfix" v-show="rejecting">
										<textarea cols="30" rows="4" placeholder="请输入或选择驳回重新配音的原因，帮助播音人员修改完善" v-model="redoTxt" @keyup="activeSubmitBtn"></textarea>
									</div>
									<div class="mask-name px15 col-26 txt line-48">
										{{ rejecting ? '无法验收' : '' }}
									</div>
									<div class="mask-ping clearfix">
										<p class="mask-line fl mar-7"></p>
										<div class="mask-stas-box" @mouseleave="hoverStar = star">
											<div class="mask-star-li fl mask-star-c" :class="{ 'mask-star-r': hoverStar >= 1 }" @mouseover="starHover(1)" @click="confirmStar(1)"></div>
											<div class="mask-star-li fl mask-star-c" :class="{ 'mask-star-r': hoverStar >= 2 }" @mouseover="starHover(2)" @click="confirmStar(2)"></div>
											<div class="mask-star-li fl mask-star-c" :class="{ 'mask-star-r': hoverStar >= 3 }" @mouseover="starHover(3)" @click="confirmStar(3)"></div>
											<div class="mask-star-li fl mask-star-c" :class="{ 'mask-star-r': hoverStar >= 4 }" @mouseover="starHover(4)" @click="confirmStar(4)"></div>
											<div class="mask-star-li fl mask-star-c" :class="{ 'mask-star-r': hoverStar >= 5 }" @mouseover="starHover(5)" @click="confirmStar(5)"></div>
										</div>
										<p class="mask-line fl mal-4"></p>
									</div>
									<ul class="mask-p-li clearfix" v-if="star > 2 && rejecting == false">
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(7)" :class="{ maskbg: commentList[7] }">声音好听</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(8)" :class="{ maskbg: commentList[8] }">环境音质干净</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(9)" :class="{ maskbg: commentList[9] }">准时交付</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(10)" :class="{ maskbg: commentList[10] }">表达能力出色</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(11)" :class="{ maskbg: commentList[11] }">设备专业</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(12)" :class="{ maskbg: commentList[12] }">整体处理得当</li>
									</ul>
									<ul class="mask-p-li clearfix" v-if="star < 3 && rejecting == false && star > 0">
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(1)" :class="{ maskbg: commentList[1] }">发音问题</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(2)" :class="{ maskbg: commentList[2] }">环境音质不佳</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(3)" :class="{ maskbg: commentList[3] }">交付较慢</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(4)" :class="{ maskbg: commentList[4] }">内容表达错漏</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(5)" :class="{ maskbg: commentList[5] }">录音嘈杂</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addCmt(6)" :class="{ maskbg: commentList[6] }">整体质量较弱</li>
									</ul>
									<ul class="mask-p-li clearfix" v-if="rejecting == true">
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addReject(1)" :class="{ maskbg: rejectList[1] }">与文案严重不不符 / 错漏</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addReject(2)" :class="{ maskbg: rejectList[2] }">声音咬字不清晰</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addReject(3)" :class="{ maskbg: rejectList[3] }">音频格式不符 / 无法播放</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addReject(4)" :class="{ maskbg: rejectList[4] }">环境不安静 / 录音嘈杂</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addReject(5)" :class="{ maskbg: rejectList[5] }">录音品质问题 / 喷麦刺耳</li>
										<li class="feedli txt px12 line-36 col-77 fl cursor" @click="addReject(6)" :class="{ maskbg: rejectList[6] }">剪辑不连贯 / 留白太多</li>
									</ul>
									<div class="px12 col-98 txt line-55" v-if="star > 0 && star < 3 && !rejecting">
										不满意？<span class="cursor col-f18" @click="showReject">要求重新配音</span>
										<!-- &gt; 差距太大 <span class="cursor col-f18" @click="refuse">驳回拒收</span> -->
									</div>
									<button id="bohui" class="mask-btn line-36 txt cursor" :class="{ active: confirmBtnBool } " @click="pushCmt" style="position:absolute;bottom:0;left:0;border: none;border-radius: 0">提交</button>
									<!-- <div class="mask-btn line-36 txt col-ff col-bg-e1 cursor" @click="pushCmt" style="position:absolute;bottom:0;left:0;">提交</div> -->
								</div>
								<div class="dialog-custom-action">
									<button type="button" class="dialog-sure">确认</button>
								</div>
							</div>
						</div>
					</div>
				</template>
				<template id='detail'>
					<div class="dialog-mask" style="z-index: 1000;" @click="close">
						<div class="dialog-custom-box" @click.stop="">
							<div class="dialog-custom-title">具体详情</div>
							<a class="dialog-close" href="#" @click.prevent="close"></a>
							<div class="dialog-body border-top">
								<div class="dialog-custom-content" style="min-height: 418px;position: relative;">
									<div class="dialog-custiom-detail-wrapper">
										<div class="dialog-custiom-detail-title">订单概况</div>
										<div class="dialog-custiom-detail-line">
											<div class="dialog-detail-left">配音类型</div>
											<div class="dialog-detail-right">
											<span v-if='ischose == 1'>自选配音</span>
											<span v-if='ischose == 0'>{{type}}</span>&nbsp;>&nbsp;
											<!-- 主播等级 -->
											<span v-if='ischose == 0'>{{ achor }}</span>
											<span v-if='ischose == 1 && (state !=6 || state!=7)'>{{ nickname }}
												<span v-if='isautochose == 1'>(优选)</span>
											</span>
											<span v-if='ischose == 1 && state ==1'>等待选择</span>
											<span v-if='ischose == 1  && state ==6 '>订单关闭</span>&nbsp;&nbsp;&nbsp;&nbsp;{{words}}字
										</div>
										</div>
										<div class="dialog-custiom-detail-line">
											<div class="dialog-detail-left">接收邮箱</div>
											<div class="dialog-detail-right">{{ email }}</div>
										</div>
										<div class="dialog-custiom-detail-line">
											<div class="dialog-detail-left">需求备注</div>
											<div class="dialog-detail-right">{{ cmt }}</div>
										</div>
									</div>
									<div class="dialog-custiom-detail-wrapper">
										<div class="dialog-custiom-detail-title">支付订单</div>

										<div class="dialog-custiom-detail-line">
											<div class="dialog-detail-left">订单金额</div>
											<div class="dialog-detail-right" v-if="type=='极速配音'&&'预约配音' && ischose == 0">￥{{ total }}</div>
											<div class="dialog-detail-right" v-if="ischose == 1">￥{{ total }}</div>
											<div class="dialog-detail-right" v-if="type=='签约配音'">{{words}} 字</div>
										</div>
										<div class="dialog-custiom-detail-line">
											<div class="dialog-detail-left">实际支付</div>
											<div class="dialog-detail-right" v-if="ischose == 1">
												<span>￥{{ price }}</span>
												<span class="status" style="color: #e84716;" v-if="paystatus == 0">待付款</span>
												<span class="status" v-if="paystatus == 1 && state == 1" style="position: absolute;top: 30px;right: 90px;">
													等待选择
												</span>
												<span class="status" v-if="state == 2 && isautochose == 1" style="position: absolute;top: 30px;right: 20px;">
													180秒未选择主播，系统为您优选主播
												</span>
												<span class="status" v-if="state == 7 && ischose == 1" style="position: absolute;top: 30px;right: 50px; color: red;">
													主播未在规定时间内完成音频
												</span>
												<span class="status" v-if="refundtype ==1 && state == 6">等待退款</span>
												<span class="status" v-if="refundtype ==2 && state == 6">已退款</span>
											</div>
											<div class="dialog-detail-right" v-if="type=='极速配音'&&'预约配音' && ischose == 0">
												<span>￥{{ price }}</span>
												<span class="status" style="color: #e84716;" v-if="paystatus == 0">待付款</span>
											</div>
											<div class="dialog-detail-right" v-if="type=='签约配音'">
												<span>{{ words }} 字</span>
												<span class="status" style="color: #e84716;" v-if="paystatus == 0">待付款</span>
											</div>
										</div>
									</div>
									<div class="dialog-custiom-detail-wrapper">
										<div class="dialog-custiom-detail-title">获得音频</div>
										<div class="dialog-custiom-detail-line">
											<div class="dialog-detail-left">配音状态</div>
											<div class="dialog-detail-right">
												<span v-if='state == 1 || state == 6 || state == 7'> - </span>
												<span v-if='state == 2 || state == 5'> 配音中 </span>
												<span v-if='state == 3 || state == 4'> 已交付 </span>
											</div>
										</div>
									</div>
									<div class="dialog-custiom-detail-wrapper">
										<div class="dialog-custiom-detail-title">评价配音</div>
										<div class="dialog-custiom-detail-line">
											<div class="dialog-detail-left">配音质量</div>
											<div class="dialog-detail-right" id="quality">{{ quality == 0 ? '未评分' : quality + "分" }}</div>
										</div>
										<div class="dialog-custiom-detail-line">
											<div class="dialog-detail-left">质量备注</div>
											<div class="dialog-detail-right" id="cmt2">{{ cmt2 }}</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</template>
				<template id='all'>
					<payment v-if="payment.show" :email='all.email' :oid='payment.oid' :token='all.toke' :price='payment.price' :balance='payment.balance' @close="paymentClose"></payment>
					<share v-if="share.show" @close="shareShow(false)" :qr='share.qr'  :oid='share.oid' :audio="share.audio" :time="share.time" :title="share.title" :size="share.size" :share="share.shareLink"></share>
					<comment v-if="comment.show"
							 :nickname="comment.nickname"
							 :level="comment.level"
							 :ontime="comment.ontime"
							 :ordercount="comment.ordercount"
							 :orderovertime="comment.orderovertime"
							 :releasetime="comment.releasetime"
							 :satisfied="comment.satisfied"
							 :uuid="comment.uuid"
							 :audio="comment.audio"
							 :oid="comment.oid"
							 @close="comment.show=false"
							 @refresh="ajaxhtml">
					</comment>
					<detail v-if="detail.show"
							:type="detail.type"
							:email="detail.email"
							:cmt="detail.cmt"
							:total="detail.total"
							:price="detail.price"
							:paystatus="detail.paystatus"
							:state="detail.state"
							:quality="detail.quality"
							:cmt2="detail.cmt2"
							:achor="detail.achor"
							:words="detail.words"
							:ischose='detail.ischose'
							:nickname = 'detail.nickname'
							:isautochose = 'detail.isautochose'
							:refundtype = 'detail.refundtype'
							@close="detail.show=false">
					</detail>
					<div class='rightNav'>
						<div class='right-nav clearfix'>
							<a v-link='{ path :"/all"}' href='#' class='px16 fl' :class="{ 'bor-a' : all.type==0, 'right-nav-a': all.type!=0 }">全部</a>
							<a v-link='{ path :"/wait"}' href='#' class='px16 fl' :class="{ 'bor-a' : all.type==1, 'right-nav-a': all.type!=1 }">等待付款</a>
							<a v-link='{ path :"/dong"}' href='#' class='px16 fl' :class="{ 'bor-a' : all.type==2, 'right-nav-a': all.type!=2 }">正在配音</a>
							<a v-link='{ path :"/finish"}' href='#' class='px16 fl' :class="{ 'bor-a' : all.type==3, 'right-nav-a': all.type!=3 }">已经完成</a>
							<!-- <a v-link='{ path :"/talk"}' href='#' class='px12 fl' :class="{ 'bor-a' : all.type==4, 'right-nav-a': all.type!=4 }">待评价</a> -->
							<p class='right-line'></p>
							<a class='right-nav-sell fr cursor px14' style="padding: 0;" target="_blank" href="http://www.soundems.com/quality.html">质量政策</a>
						</div>
						<div class='right-content'>
							<div class='right-content-nav'>
								<div class='right-l px12 fl first'>
									<a href='javascript:;' style="cursor: default;" class='col-92'>订单内容</a>
								</div>
								<div class='right-le px12 fl'>
									<a href='javascript:;' style="cursor: default;" class='col-92'>配音类型</a>
								</div>
								<div class='right-m px12 fl'>
									<a href='javascript:;' style="cursor: default;" class='col-92'>支付状态</a>
								</div>
								<div class='right-me px12 fl'>
									<a href='javascript:;' style="cursor: default;" class='col-92'>配音状态</a>
								</div>
								<div class='right-r px12 fl'>
									<a href='javascript:;' style="cursor: default; margin-right: 20px;" class='col-92'>操作</a>
								</div>
							</div>
							<div class='right-empty' v-if="empty">
								<img src="img/icon-empty.png" alt="">
							</div>
							<ul class='right-item' v-if="list.length > 0">
								<li class='right-list clearfix' v-for='val in list'>
									<div class='right-l px12 fl clearfix'>
										<img class='right-l-img fl' src='img/right-page.png' />
										<a :href="'essay.html?content=' + val.content" target="_blank" class='right-l-word col-68 fl with-212 px13 gotourl'>{{val.title}}</a>
									</div>
									<!-- 配音类型 -->
									<div class='right-le px12 fl'>
										<p class='col-83 line-18' v-if='val.ischose==0 && val.demand==0'>签约配音</p>
										<p class='col-83 line-18' v-if='val.ischose==0 && val.demand==1'>极速配音</p>
										<p class='col-83 line-18' v-if='val.ischose==0 && val.demand==2'>极速配音</p>
										<p class='col-83 line-18' v-if='val.ischose==0 && val.demand==3'>预约配音</p>
										<p class='col-83 line-18' v-if='val.ischose==1'>自选配音</p>
										<p class='col-83 line-18' v-if='val.ischose==0 && val.level==5'>>顶级主播</p>
										<p class='col-83 line-18' v-if='val.ischose==0 && val.level==6'>>知名主播</p>
										<p class='col-83 line-18' v-if='val.ischose==0 && val.level==7'>>优质主播</p>
										<p class='col-83 line-18' v-if='val.ischose==1 && (val.state == 6)'>>订单关闭</p>
										<p class='col-83 line-18' v-if='val.ischose==1 && val.is_pay == 0'>>未付款</p>
										<p class='col-83 line-18' v-if='val.ischose==1 && val.state != 1 &&  val.state != 6'>>{{val.nickname}}
											<span v-if='val.isautochose ==1'>(优选)</span></p>
										<p class='col-83 line-18' v-if='val.ischose==1 && val.state == 1  && val.is_pay == 1'>>未选择</p>
										<p class='col-83 line-18'>{{val.words}}字</p>
									</div>
									<!-- 支付状态 -->
									<div class='right-m px12 fl'>
										<p class='col-83 line-18'>¥ {{val.money}}</p>
										<del class='col-bfbfbf line-18'>¥ {{val.usemoney}}</del>
										<template v-if='val.is_pay==0 || val.is_pay == 2'>
											<p class='col-bfbfbf line-18'>未付款</p>
										</template>
										<template v-if='val.ischose==1 && val.refundtype == 1 && (val.state == 6 || val.state == 7)'>
											<p class='col-bfbfbf line-18'>等待退款</p>
										</template>
										<template v-if='val.ischose==1 && val.refundtype == 2 && (val.state == 6 || val.state == 7)'>
											<p class='col-bfbfbf line-18'>退款成功</p>
										</template>

									</div>
									<div class='right-me px12 fl'>
										<p class='col-83 line-18' v-if='val.state == 1 || val.state ==2 || val.state == 5'>预估{{Math.ceil(val.usetime/60)}}分钟</p>
										<p class='col-83 line-18' v-if='val.state == 6' style="margin-top: 10px;">
											此时段主播全忙<br>
											请再次下单尝试
										</p>
										<p class='col-83 line-18' v-if='val.state ==7' style="color: red;margin-top: 20px;">
											主播未在规定时间内完成音频
										</p>
										<!-- <p class='col-83 line-18' v-if="val.state == 3 || val.state == 4">{{val.endtime}}提前送达</p> -->


										<!-- <div class="{{val.state}}"" style="width: 220px; margin-left: -40px; margin-top: 10px;"  v-if='val.state == 4'></div> -->

										<div style="position: relative;">
											<div class="textaudio" style="position: absolute; top: 0;right: 40px; z-index: 333;" v-if="val.state == 3 || val.state == 4"></div>

										</div>




										<p class='col-83 line-18' v-if='val.state == 1 || val.state ==2 || val.state == 5'>{{val.endtime}}左右完成</p>
										<p class='col-e8 line-18' v-if='val.is_pay ==3 || val.is_pay==1 && (val.state==5 || val.state==2 || val.state == 1 )'>配音中</p>
										<!-- <p class='col-e8 line-18' v-if='val.state == 1 && val.ischose == 1 && val.actualnumber>0'>配音中</p> -->
									</div>
									<div class='right-r px12 fl'>
										<!-- 未付款 -->
										<template v-if='val.is_pay==0'>
											<div class='right-r px12 fl'>
												<div class='right-button px12 cursor' @click="paymentShow(val.id, all.email, val.money,val.ischose,val.is_pay)">立即支付</div>
												<p class='col-68 line-18 cursor c-center px12 order-cancel' @click="cancelOrder(val.id)">取消</p>
												<p class='col-68 line-18 cursor c-center' @click="showDetail(val.demand, val.level, val.words, val.email, val.orderremark, val.usemoney, val.money, val.state, val.score, val.scoremessage, val.is_pay, val.ischose, val.nickname, val.isautochose, val.refundtype)">具体详情</p>
											</div>
										</template>
										<!-- 配音中 -->
										<template v-if='val.is_pay==1 && val.state==3'>
											<a class='line-18 px12 wait-button cursor ' :href="val.linkaudio" download style="display:block;">下载</a>
											<p class='col-68 line-18 height-23 c-center talk-button cursor' @click='talke(val.id, val.linkaudio)'>评价</p>
											<p class='col-68 line-18 cursor c-center' @click="showDetail(val.demand, val.level, val.words, val.email, val.orderremark, val.usemoney, val.money, val.state, val.score, val.scoremessage, val.is_pay, val.ischose, val.nickname, val.isautochose, val.refundtype)">具体详情</p>
										</template>
										<!-- 订单正常完成 -->
										<template v-if='val.is_pay==1 && val.state==4'>
											<a class='line-18 px12 wait-button cursor ' :href="val.linkaudio" download style="display:block;">下载</a>
											<p class='col-68 line-18 height-23 c-center talk-button2 cursor' @click="shareShow(true, val.linkaudio, val.musictime, val.title, val.musicsize, val.id, val.fileName, val.musicshare)">分享</p>
											<p class='col-68 line-18 cursor c-center' @click="showDetail(val.demand, val.level, val.words, val.email, val.orderremark, val.usemoney, val.money, val.state, val.score, val.scoremessage, val.is_pay, val.ischose, val.nickname, val.isautochose, val.refundtype)">具体详情</p>
										</template>
										<!-- 已有主播配音 已付款 -->
										<template v-if='val.is_pay==1 && val.state == 2 '>
											<div class='line-18 px12 col-bfbfbf cursor mar'>等待音频</div>
											<p class='col-68 line-18 height-23'></p>
											<p class='col-68 line-18 cursor c-center' @click="showDetail(val.demand, val.level, val.words, val.email, val.orderremark, val.usemoney, val.money, val.state, val.score, val.scoremessage, val.is_pay, val.ischose, val.nickname, val.isautochose, val.refundtype)">具体详情</p>
										</template>
										<!-- 付款中+未接单 非自选+付款+未接单 -->
										<template v-if='(val.is_pay == 3 && val.state == 1)||(val.ischose != 1 && val.is_pay == 1 && val.state == 1)'>
											<div class='line-18 px12 col-bfbfbf cursor mar'>等待音频</div>
											<p class='col-68 line-18 height-23'></p>
											<p class='col-68 line-18 cursor c-center' @click="showDetail(val.demand, val.level, val.words, val.email, val.orderremark, val.usemoney, val.money, val.state, val.score, val.scoremessage, val.is_pay, val.ischose, val.nickname, val.isautochose, val.refundtype)">具体详情</p>
										</template>
										<!-- 付款重传 -->
										<template v-if='val.is_pay==1 && val.state==5'>
											<div class='line-18 px12 col-bfbfbf cursor mar'>等待音频</div>
											<p class='col-68 line-18 height-23'></p>
											<p class='col-68 line-18 cursor c-center' @click="showDetail(val.demand, val.level, val.words, val.email, val.orderremark, val.usemoney, val.money, val.state, val.score, val.scoremessage, val.is_pay, val.ischose, val.nickname, val.isautochose, val.refundtype)">具体详情</p>
										</template>
										<!-- 订单支付超时 -->
										<template v-if='val.is_pay==2'>
											<div class='line-18 px12 col-bfbfbf cursor mar'>超时关闭</div>
											<p class='col-68 line-18 cursor c-center px12 mar' @click="delete(val.id)">删除</p>
											<p class='col-68 line-18 cursor c-center' @click="showDetail(val.demand, val.level, val.words, val.email, val.orderremark, val.usemoney, val.money, val.state, val.score, val.scoremessage, val.is_pay, val.ischose, val.nickname, val.isautochose, val.refundtype)">具体详情</p>
										</template>
										<!-- 自选+已付款+有主播+未接单 -->
										<template v-if='val.is_pay == 1 && val.ischose == 1 && val.actualnumber != 0'>
											<template  v-if ='val.state == 1'>
												<div class='right-button px12 cursor' style="margin-bottom: 15px;" @click="paymentShow(val.id, all.email, val.money,val.ischose,val.is_pay)">继续选择</div>
												<p class='col-68 line-18 cursor c-center' @click="showDetail(val.demand, val.level, val.words, val.email, val.orderremark, val.usemoney, val.money, val.state, val.score, val.scoremessage, val.is_pay, val.ischose, val.nickname, val.isautochose, val.refundtype)" >具体详情</p>
											</template>
											<template  v-if ='val.state == 7'>
												<a class='right-button px12 cursor' style="display: inline-block; margin-bottom: 15px;" href="speeDdubbing.html?&oid={{val.id}}">再次下单</a>
												<p class='col-68 line-18 cursor c-center' @click="showDetail(val.demand, val.level, val.words, val.email, val.orderremark, val.usemoney, val.money, val.state, val.score, val.scoremessage, val.is_pay, val.ischose, val.nickname, val.isautochose, val.refundtype)">具体详情</p>
											</template>

										</template>
										<!-- 自选+已付款+未主播 -->
										<template v-if='val.is_pay == 1 && val.ischose == 1 && val.actualnumber == 0'>
											<!-- 没过期 -->
											<template  v-if ='val.state == 6'>
												<a class='right-button px12 cursor' style="display: inline-block; margin-bottom: 15px;" href="speeDdubbing.html?&oid={{val.id}}">再次下单</a>
											</template>
											<template  v-if ='val.state != 6'>
												<div class='right-button px12 cursor' @click="paymentShow(val.id, all.email, val.money,val.ischose,val.is_pay)"  style="margin-bottom: 15px;">继续选择</div>
											</template>
											<p class='col-68 line-18 cursor c-center' @click="showDetail(val.demand, val.level, val.words, val.email, val.orderremark, val.usemoney, val.money, val.state, val.score, val.scoremessage, val.is_pay, val.ischose, val.nickname, val.isautochose, val.refundtype)">具体详情</p>
										</template>
									</div>
								</li>
								<li class='right-list clearfix'></li>
							</ul>
						</div>
						<pager :count="page.count" :current="page.current" :routerName="page.routerName" @redirect="goto"></pager>
					</div>
				</template>
			</div>
		</div>
	</section>
</div>
<!-- 切换主体弹窗 -->
<div class="popup popup-change-press large hide" id="popup-change-press">
	<div class="inner">
		<div class="header">
			<span class="title">选择发稿主体</span>
			<a href="#" class="close">
				<img src="img/public/close_03.png" alt="">
			</a>
		</div>
		<div class="body">
			<ul class="press-list">
				<li class="press-wrapper" data-id="dsfdafs">
					<div class="press-head">
						<img src="img/img(12).png" alt="">
					</div>
					<div class="press-body">
						<div class="press-title">创业家</div>
						<div class="press-info">创业家创业家创业家创业家创业家创业家</div>
					</div>
				</li>
				<li class="press-wrapper" data-id="dafadf">
					<div class="press-head">
						<img src="img/img(12).png" alt="">
					</div>
					<div class="press-body">
						<div class="press-title">创业家</div>
						<div class="press-info">创业家创业家创业家创业家创业家创业家</div>
					</div>
				</li>
				<li class="press-wrapper" data-id="dafdfsf">
					<div class="press-head">
						<img src="img/img(12).png" alt="">
					</div>
					<div class="press-body">
						<div class="press-title">创业家</div>
						<div class="press-info">创业家创业家创业家创业家创业家创业家</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="content">
			<a href="setting.html?type=1">点击这里</a>添加 / 编辑主体; 也可以为主体<a href="index.html?type=2">设置偏好</a>方便更快发单
		</div>
		<div class="popup-footer type2">
			<span class="tip"></span>
			<a href="#" class="btn btn-confirm">确认</a>
		</div>
	</div>
</div>
<!-- 分享音频等弹窗 -->
<div class="popup2 popup-programs hide">
	<div class="cover close"></div>
	<div class="inner">
		<div class="header">
			<div class="nav">
				<div class="active qr" data-type='1'>分享音频</div>
				<div class="listen" data-type='2'>付费收听</div>
				<div class="wx" data-type='3'>小程序</div>
			</div>
			<div class="close">
				<img src="./img/public/close_03.png" alt="">
			</div>
		</div>
		<div class="body">
			<div class="program hide listen" data-type="2">
				<img src="./img/lock.png" alt="">
				<div class="title">即将上线，尽情期待</div>
				<div class="tip">允许你创建专栏对音频进行付费收听 所有费用的90%归你</div>
			</div>
			<div class="program wx hide" data-type="3">
				<img src="./img/wx-program.png" alt="">
				<div class="title">即将上线，尽情期待</div>
				<div class="tip">允许你创建基于微信的FM音频小程序，推荐公众号使用。</div>
			</div>
			<div class="program qr" data-type="1">
				<img src="./img/wx-program.png" alt="">
				<div class="title">用微信"扫一扫"二维码</div>
				<div class="tip">分享您的音频给微信好友或朋友圈供他们收听</div>
			</div>
		</div>
	</div>
</div>

<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js?v=optimize20180613" /></script>
<script src="https://cdn.bootcss.com/vue/1.0.28/vue.min.js?v=optimize20180613" /></script>
<script src="https://cdn.bootcss.com/vue-router/0.7.13/vue-router.min.js?v=optimize20180613" /></script>
<script src="js/jquery.min.js?v=optimize20180613" /></script>
<script src="js/clipboard.js?v=optimize20180613" /></script>
<script src='js/public.js?v=optimize20180613' /></script>
<script src='js/dialog.js?v=optimize20180613' /></script>
<script src="js/wx-audio.js?v=optimize20180613" /></script>
<script src='js/order.js?v=optimize20180613' /></script>
</body>
</html>